:root {
  --hover-color: #EEEEEE;
  --odd-color: #FAFAFA;
  --transition-time: .4s;
}

.trades-record-list {
  position: relative;
}

.trades-record-list>div {
  cursor: pointer;
}

.record {
  display: flex;
  transition: var(--transition-time);
  border-radius: 5px;
  justify-content: space-between;
  padding: 0 10px;
}

.record:nth-of-type(odd) {
  background-color: var(--odd-color);
}

.record:hover {
  background-color: var(--hover-color)
}

.left {
  display: flex;
  /* height: 56px; */
  vertical-align: middle;
}

.left>div:nth-child(1),
.left>div:nth-child(2),
.right {
  padding: 8px 15px;
}

.left>div:nth-child(1) {
  text-align: center;
  padding-top: 20px;
}

.left>div:nth-child(2) {
  min-width: 450px;
}

.account-address {
  color: var(--blue-color);
}

.right {
  display: flex;
  line-height: 58px;
}

.right>span {
  color: var(--red-font-color) !important;
  font-size: 15px;
}

.get-more {
  padding: 8px;
  font-size: 14px;
  color: var(--gray-color-2);
  text-align: center;
  transition: var(--transition-time);
}

.get-more:hover {
  background-color: var(--hover-color);
}
